<!-- Gestion de la barre d'entete -->

<?php include_once 'pageImport.php';?>
<?php include_once 'pageExport.php';?>

<div id="navbar">
<div class="navbar navbar-inverse navbar-fixed-top">
    <div class="navbar-inner">
      <div class="container" style="width: auto;">
        <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </a>
        <a class="brand">        </a>
        <a class="brand" href="#">Recherche de films</a>
        <div class="nav-collapse">
          <ul class="nav">
            <li id="tab_1" class="active">
				<a href="javascript:ChangeOnglet('tab_1', 'content_1');">Accueil</a>
			</li>
			<li id="tab_2">
				<a href="javascript:ChangeOnglet('tab_2', 'content_2');">Tous les films</a>
			</li>
			<li id="tab_3">
				<a data-toggle="modal" href="#popupExportXml">Export xml</a>
			</li>
			<li id="tab_4">
				<a data-toggle="modal" href="#popupImportXml">Import xml</a>
  			</li>
          </ul>
          <ul class="nav">
        	  <li><a href="#" onclick="selectFilms()"><i class="icon-ok icon-black" id="icone_films"></i> Films</a></li>
         	 <li><a href="#" onclick="selectActeurs()"><i class="icon-ok icon-black" id="icone_acteurs"></i> Acteurs</a></li>
            <li><a href="#" onclick="selectGenres()"><i class="icon-ok icon-black" id="icone_genres"></i> Genres</a></li>
            <li><a href="#" onclick="selectTous()"><i class="icon-ok icon-black" id="icone_tous"></i> Tous</a></li>
          </ul>
        </div><!-- /.nav-collapse -->
      </div>
    </div><!-- /navbar-inner -->
  </div><!-- /navbar -->
</div>
